/**
 * Created by Administrator on 2017/9/25.
 */
$(function(){
    /*顶部图片关闭按钮*/
    var oClose = document.getElementById('close');
    oClose.onclick =function(){
        oClose.parentNode.style.display="none";
    }
    //搜索框
    $(".text").on("focus",function(){
        $(this).val("");
    })
    $(".text").on("blur",function(){
        $(this).val("请输入商品名称,支持拼音搜索");
    })


    // all显示
    $(".all").on("mouseenter",function(){
        $(".menuBox .menuList").css("height",480);
        $(".menuBox .menuList").css("overflow","visible");
    })
    $(".all").on("mouseleave",function(){
        $(".menuBox .menuList").css("height",0);
        $(".menuBox .menuList").css("overflow","");
    })
    /*菜单栏显示*/
    /*进入时*/
    $(".menuBox .menuList>li").on("mouseenter",function(){
        $(".menuBox .menuList").css("overflow","visible")
        $(".menuBox .menuList").css("height",480);
        $(this).find("i").stop().animate({"margin-left":10},300).end().css("background","#a90000").children("p").children("a").css("color","#fff");
        $(".conBox").eq($(this).index()).css({"display":"block"}).stop().animate({paddingLeft:15,"opacity":0.98},300);

    });
    /*离开时*/
    $(".menuBox .menuList>li").on("mouseleave",function(){
        $(".menuBox .menuList").css("height",0);
        $(".menuBox .menuList").css("overflow","");
        $(this).find("i").stop().animate({"margin-left":0},300).end().css("background","#cb3e25").children("p").children("a").css("color","#eca598");
        $(".conBox").eq($(this).index()).css({"display":"none"}).stop().animate({paddingLeft:0,"opacity":0.5},300);
    });

    // 导航栏的指针
    //鼠标放上
    $(".nav-list>li").on("mouseenter",function(){
        var num=0;
        var inDex =$(this).index();
        var wid = $(this).find("a").width();
        $(".nav-list>li").eq(0).children("a").css("color","#666");
        //指到首页时
        if(inDex==0){
            $(".uline").animate({"left":0,"width":wid});
        }
        $(".nav-list>li").each(function(index,ele){
            num += ele.offsetWidth;
            if(index == inDex-1){
                $(".uline").stop().animate({"left":num,"width":wid},200);
            }
        })
    })
    // 鼠标拿开
    $(".nav-list").on("mouseleave",function(){
        $(".uline").animate({"left":0,"width":32});
        $(".nav-list>li").eq(0).children("a").css("color","#CB351A");
    })


    //整点抢
    $(".b1>i").eq(0).css("left",13)
    $(".b1>i").eq(1).css("left",33)
    $(".b1>i").eq(2).css("left",53)
    $(".b2>i").eq(0).css("left",13)
    $(".b2>i").eq(1).css("left",33)
    $(".b2>i").eq(2).css("left",53)
    var timer = setInterval(function(){
        $(".b1>i").eq(0).animate({"top":-36},700,function(){
            $(this).css("top",0);
        });
        $(".b1>i").eq(1).animate({"top":-36},800,function(){
            $(this).css("top",0);
        });
        $(".b1>i").eq(2).animate({"top":-36},900,function(){
            $(this).css("top",0);
        });
        $(".b2>i").eq(0).animate({"top":-36},700,function(){
            $(this).css("top",36)
        });
        $(".b2>i").eq(1).animate({"top":-36},800,function(){
            $(this).css("top",36)
        });
        $(".b2>i").eq(2).animate({"top":-36},900,function(){
            $(this).css("top",36)
        });
    },2000)


    //填数据
    // path=../json/today.json&index=0
    var str = window.location.href;
    var obj={};
    if(str.indexOf("?")!= -1){
        var arr = str.split("?");
        if(arr[1].indexOf("&")!=-1){
            var arr2 = arr[1].split("&");
            for(var i=0;i<arr2.length;i++){
                if(arr2[i].indexOf("=")!=-1){
                    var arr3 =arr2[i].split("=");
                    obj[arr3[0]]=arr3[1];
                }
            }
        }else{
            if(arr[1].indexOf("=")!=-1){
                var arr2 = arr[1].split("=");
                obj[arr2[0]]=arr2[1];
            }
        }
    }

    //右边列表

    $(".cart-list ul").find(".kf").siblings().on("mouseenter",function(){
        $(this).find(".chu").stop().animate({"left":"-80","width":"80"});
    });
    $(".cart-list ul").find(".kf").on("mouseenter",function(){
        $(this).find(".kftc").stop().animate({"left":"-210","width":"210"})
    });
    $(".cart-list ul").find(".kf").siblings().on("mouseleave",function(){
        $(this).find(".chu").stop().animate({"left":"","width":""});
    });
    $(".cart-list ul").find(".kf").on("mouseleave",function(){
        $(this).find(".kftc").stop().animate({"left":"","width":""})
    });

    $(".cart-list ul").find(".erweima").on("mouseenter",function(){
        $(this).find(".chu").stop().animate({"left":"-240","width":"240"});
    });
    $(".cart-list ul").find(".kf").on("mouseleave",function(){
        $(this).find(".chu").stop().animate({"left":"","width":""})
    });

    // 购物车
    // 点击

    var gouNum=0;
    $(".cart").on("click",function(){
        gouNum++;
        if(gouNum%2!=0){
            $(".cart").children("a").eq(1).css("background","#ca3619");
            $(".rightBox").animate({"right":"0"});
        }else{
            $(".cart").children("a").eq(1).css("background","");
            $(".rightBox").animate({"right":"-280"});
        }

    });


    //回到顶部
    $(".back").on("click",function(){
        $("body").animate({"scrollTop":0});
    });


    //获取登录信息
    var str = $.cookie("user");
    if(str){
        $("#user").on("click",function(){
            window.location.href="shopping.html";
        });
        $("#action").on("click",function(){
            // window.location.href="login.html";
            $("#user").text("请登录");
            $("#action").text("免费注册");
            $.removeCookie("user");
            $.removeCookie("goods");
            window.history.go(0);
        });
        var objx = JSON.parse(str);
        $("#user").text(objx.uname);
        $("#action").text("退出");
    }else{
        $("#user").on("click",function(){
            window.location.href="login.html";
        });
        $("#action").on("click",function(){
            window.location.href="reg.html";
            $.removeCookie("user");
        });
    }










    //连接数据库并将数据下载

    var jsonObj = {"uname":$("#user").text()};
    $.ajax({
        url:"http://localhost/1706/myitem/select.php",
        type:"post",
        dataType:"json",
        data:jsonObj,
        success:function(res){
            // console.log(JSON.parse(res.data[0].goods));
            var Goods = JSON.parse(res.data[0].goods);
            ////创建goods项目

            for(var i=0;i<Goods.length;i++){
                $(".item-full").append("<div class='item'><div class='item-form clear'><div class='p-checkbox'><div class='chart-boxcheck'><input type='checkbox' class='checked'/><span class='line-circle'></span></div></div><div class='p-goods'><div class='goods-item'><div class='p-img'><a href=''><img src='"+Goods[i].path+"' alt=''></a></div><div class='item-msg'><div class='p-name'><a href='#'><em>麦乐购</em></a></div><div class='p-extend'><span class='promise'><i></i><a href='#'>支持七天无理由退货</a></span></div></div></div></div><div class='p-props'><div class='prop-text'>"+decodeURIComponent(Goods[i].name)+"</div></div><div class='p-price'><strong>￥<span class='danjia'>"+Goods[i].price+"</span></strong><a href='javascript:void(0)'>更多促销<b></b></a></div><div class='p-num'><div class='p-form'><a href='javascript:void(0)' class='jian'>-</a><input type='text' class='itext' value='"+Goods[i].sum+"'/><a href='javascript:void(0)' class='jia'>+</a></div></div><div class='sum'><strong>￥<span class='xiaoji'></span> </strong></div><div class='p-action'><a href='javascript:void(0)' class='remove1'>删除</a></div></div><div class='item-extra'></div><div class='item-line'></div></div>")
            }



            //全选
            $(".t-checkbox .cart-checkbox input").on("click",function(){
                if($(".t-checkbox .cart-checkbox input").prop("checked")==true){
                    $(".checked").prop("checked",true);
                }else{
                    $(".checked").prop("checked",false);
                }
            });



           setInterval(function(){



               var goodsSum =0;
               var number =0;
               $(".xiaoji").each(function(index,ele){
                   //小计
                   $(ele).text(($(this).parents(".item").find(".danjia").text())*($(this).parents(".item-form").find(".p-form").children("input").val()));


                   // console.log($(this).parents(".item").find("#checked").prop("checked"));
                   if($(this).parents(".item").find(".checked").prop("checked")==true){
                       goodsSum += Number($(this).text());
                       number++;
                   }
               });
               //总价计算
               $(".price em").text("￥ "+goodsSum);
               //商品数量

               $(".amount-sum em").text(number);
           });




            //数量加减

            $(".jian").each(function(index,ele){

                $(ele).on("click",function(){
                    var num = Number($(this).siblings("input").val());
                    if(num-1<1){
                        //改变页面数据
                        $(this).siblings("input").val(num);
                        //获取图路径作对比
                        var x = $(this).parents(".item").find(".p-img").find("img").attr("src");

                        $(Goods).each(function(index,ele){
                            //相同的 把sum改变并返回
                            if($(ele).path = x){
                                this.sum = num;
                                return Goods;
                            }
                        });
                        //将改变的数据传送到数据库；
                        var dataChange = {"uname":$("#user").text(),"goods":Goods};
                        console.log(dataChange);
                        $.ajax({
                            url:"http://localhost/1706/myitem/delete.php",
                            data:dataChange,
                            type:"post",
                            success:function(res){

                            }
                        });

                    }else{
                        $(this).siblings("input").val(num-1);

                        //获取图路径作对比
                        var x = $(this).parents(".item").find(".p-img").find("img").attr("src");

                        $(Goods).each(function(index,ele){
                            //相同的 把sum改变并返回
                            if($(ele).path = x){
                                this.sum = num-1;
                                return Goods;
                            }
                        });
                        //将改变的数据传送到数据库；
                        var dataChange = {"uname":$("#user").text(),"goods":Goods};
                        console.log(dataChange);
                        $.ajax({
                            url:"http://localhost/1706/myitem/delete.php",
                            data:dataChange,
                            type:"post",
                            success:function(res){

                            }
                        });


                    }
                });
            });
                //加法
            $(".jia").each(function(index,ele){

                $(ele).on("click",function(){
                    var num = Number($(this).siblings("input").val());
                        $(this).siblings("input").val(num+1);

                    //获取图路径作对比
                    var x = $(this).parents(".item").find(".p-img").find("img").attr("src");

                    $(Goods).each(function(index,ele){
                        //相同的 把sum改变并返回
                        if($(ele).path = x){
                            this.sum = num+1;
                            return Goods;
                        }
                    });
                    //将改变的数据传送到数据库；
                    var dataChange = {"uname":$("#user").text(),"goods":Goods};
                    console.log(dataChange);
                    $.ajax({
                        url:"http://localhost/1706/myitem/delete.php",
                        data:dataChange,
                        type:"post",
                        success:function(res){

                        }
                    });

                });
            })


            //删除

            $(".remove1").each(function(index,ele){
                $(ele).on("click",function(){
                    //页面中删除
                    $(this).parents(".item").remove();

                    //数据库中删除
                    var x = $(this).parents(".item").find(".p-img").find("img").attr("src");

                    $(Goods).each(function(index,ele){
                        if($(ele).path = x){
                            Goods.splice(index,1);
                            return Goods;
                        }
                    });


                    //将改变的数据传送到数据库；
                    var newData = {"uname":$("#user").text(),"goods":Goods};
                    $.ajax({
                        url:"http://localhost/1706/myitem/delete.php",
                        data:newData,
                        type:"post",
                        success:function(res){

                        }
                    });



                })
            })





        }
    })





});